<template>
	<view class='coupon-window'>
		<view class='iconfont icon-guanbi3' @tap='close'></view>
		<view class='couponWinList'>
			<view class='msgtip'>分享赚</view>
			<view class='money'>￥{{brokeragePrice}}</view>
		</view>
		<view class='lid'>
			<view hover-class='none' @tap='sharedFn' class='bnt font-color'>立即分享</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		props: {
			isAgent: {
				type: Boolean,
				default: true,
			},
			brokeragePrice: {
				type: Number,
				default: 0,
			}
		},
		methods: {
			close: function() {
				this.triggerEvent('onColse');
			},
			sharedFn: function() {
				this.triggerEvent('sharedFn');
			}
		}
	}
</script>

<style>
	.coupon-window {
		background-image: url('');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 180rpx;
		height: 180rpx;
		position: fixed;
		top: 65%;
		left: 80%;
		margin-left: -35rpx;
		transition: all .3s cubic-bezier(.25, .5, .5, .9);
	}

	/*
.coupon-window.on{
  transform:translate3d(0,0,0);
}
*/
	.coupon-window .couponWinList {
		height: 105rpx;
		margin-top: 10rpx;
	}

	.coupon-window .lid {
		background-image: url('');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 156rpx;
		height: 74rpx;
		position: fixed;
		left: 88%;
		margin: 12rpx 0 0 -83rpx;
	}

	.coupon-window .lid .bnt {
		font-size: 29rpx;
		width: 140rpx;
		height: 40rpx;
		border-radius: 20rpx;
		background-color: #f9f1d3;
		text-align: center;
		line-height: 40rpx;
		font-weight: bold;
		margin: 25rpx auto 0 auto;
	}

	.coupon-window .iconfont {
		color: #fff;
		background: #000;
		position: fixed;
		border-radius: 20rpx;
		left: 85%;
		top: 61%;
	}

	.coupon-window .msgtip {
		color: #fff;
		font-size: 30rpx;
		text-align: center;
		margin-top: 18rpx;
	}

	.coupon-window .money {
		color: #fff;
		font-size: 38rpx;
		padding-top: 2rpx;
		text-align: center;

	}
</style>
